//节点函数
function $(se) {
    return document.querySelector(se)
}
function $s(se) {
    return document.querySelectorAll(se)
}
// //选项卡菜单
//遍历 添加点击事件
$s(".modol ul li").forEach(function(Value,index){
    //点击事件
    Value.addEventListener("click",function(){

        //一刀切
        $s(".modol ul li").forEach(function(Value,index){

            //删除类名active,act
            $s(".tab-content div")[index].classList.remove("act")
            Value.classList.remove("active")
           
        })
        //点击之后添加类名active,act
        $s(".tab-content div")[index].classList.add("act")
        Value.classList.add("active")
       
    })
})

//表单正则验证
// 定义正则
// 第一位是【1】开头，第二位则有【3,4,5,7,8】，第三位则是【0-9】
let reg= /^1(3|4|5|7|8)\d{9}$/
//密码(以字母开头，长度在6~18之间，只能包含字母、数字和下划线)：
let pswd=/^[a-zA-Z]\w{5,17}$/

//账号失焦事件获取账号的值
$("#uname").addEventListener("blur",function(){
    //判断
    if(!(reg.test(this.value))){
        //提示文字和边框样式
        $(".unameTpis").style.display="block"
    }else{
        $(".unameTpis").style.display="none"
    }
})

//密码失焦事件获取账号的值
$("#paswd").addEventListener("blur",function(){
    //判断
    if(!(pswd.test(this.value))){
        //提示文字和边框样式
        $(".paswdTips").style.display="block"
    }else{
        $(".paswdTips").style.display="none"
    }
})

//登录按钮再次统一验证 跳转页面
$("#gobut").addEventListener("click",function(){
     //判断
    if(!(reg.test($("#uname").value))){
        //提示文字和边框样式
        $(".unameTpis").style.display="block"
    }else{
        $(".unameTpis").style.display="none"
    }
   
    if(!(pswd.test($("#paswd").value))){
        //提示文字和边框样式
        $(".paswdTips").style.display="block"
    }else{
        $(".paswdTips").style.display="none"
    }
    //都通过就跳转页面
    if(reg.test($("#uname").value)&&pswd.test($("#paswd").value)){
        location.href="https://www.baidu.com/"
    }
})



//点击
